<!--用例：  传direction的时候  注意要传字符串-->
<!--<questionToolTip :direction="'top'" :tipContent="'adfafasff'"></questionToolTip>-->
<template>
  <div class="questionToolTip">
    <el-tooltip class="item" effect="dark" :placement="direction" popper-class="reportTip">
      <div slot="content" v-html="tipContent">
        <!--{{tipContent}}-->
      </div>
      <span class="tip"><i class="iconfont icon-tixingweizhi"></i></span>
    </el-tooltip>
  </div>
</template>
<script>
  export default {
    name: 'questionToolTip',
    props: {
      direction: {
        type: String,
        default: 'bottom'
      },
      tipContent: {
        type: String
      }
    },
    beforeMount () {
    }
  }
</script>
<style lang="stylus" scoped>
  @import "../../../assets/common.styl"
  .questionToolTip
    display inline
    .tip
      cursor pointer
      display inline-block
      height 16px
      width 16px
      border 1px solid $c-main
      text-align center
      line-height 16px
      border-radius 50%
      margin-left 2px
      .iconfont
        border none
        font-size 10px
        color $c-main
</style>
